﻿@charset "utf-8";

/* basic style */
html, body, h1, h2, h3, h4,ul,li,dl, input{ font-family: "Noto Sans CJK SC", "Source Han Sans CN" !important; font-size:14px; margin:0px; padding:0px;}
html,body { width: 100%; height: auto;}
body{ background-color:#e7efef;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form{ padding:0; margin:0;}
ul,li{ list-style:none; border:none;}
img{ border:0px; vertical-align:middle;}
a{ color:#585858; text-decoration:none;}
.clear{ clear:both;}
a:focus{ text-decoration:none; outline:none;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
.bold{ font-weight:bold;}
.clearfix { zoom: 1; clear:both;}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus { outline:none;}
input[type=checkbox]:focus,input[type=checkbox]:active{ background-color:#fff;}
.table{ margin-bottom: 0px; }

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #071f3a;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #071f3a;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #2c333b;
}
.layui-layer-ico{
    background: url(../img/icon.png) no-repeat !important;
}
.layui-layer-setwin .layui-layer-close1{
    background-position: -79px -40px !important;
}

/*wapper styles*/
.bg-main-wapper{
    position:fixed; 
    top:0; 
    left:0; 
    height:100%; 
    width: 100%; 
    z-index:-10; 
    background-image:url(../img/bg-wapper.png); 
    background-position:center 0; 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    background-size:100% 100%;
    background-color:#f3f3f3; 
    zoom:1;
    clear:both;
}

/*wapper styles*/
.wapper-header{
    min-width: 1200px;
    height: 70px;
    background-color: #0e1435;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
}
.wapper-header-main{
    position: relative;
    width: 1200px;
    margin: 0px auto;
}
.wapper-header-logo{
    float: left;
    width: 635px;
    height: 43px;
    margin: 14px 0px 0px;
    background: url(../img/logo.png) no-repeat;
    /*
    background-size: 38.7em 3.14em;!*新加的，测试完之后删除掉*!
    */
}
.back-index{
    position: absolute;
    right: 350px;
    line-height: 70px;
    color: #fff;
    font-size: 16px;
}
.back-index:hover{
    color: #fff;
    text-decoration: none;
}
.back-index span{
    margin-right: 5px;
    color: #156bcc;
}
.login-user{
    position: absolute;
    right: 0px;
    line-height: 70px;
    color: #fff;
    font-size: 16px;
}
.login-user span{
    margin-left: 5px;
    color: #fad12d;
}
.wapper-header-entrance{
    display: block;
    position: absolute;
    right: 2px;
    top: 26px;
    width: 60px;
    height: 60px;
    background: url(../img/detail.png) no-repeat;
    background-size: 2em 2em;
}

.wapper-header-farm {
    display: block;
    position: absolute;
    right: 100px;
    top: 18px;
}
button.selectpicker,button.selectpicker:focus,button.selectpicker:hover{
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.wapper-box{
    width: 1200px;
    margin: 0px auto;
}
.wapper-main{
    position: relative;
    padding: 10px 0px;
}
.wapper-main-left{
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 10px;
    margin-bottom: 60px;
    width: 200px;
    min-height: 700px;
    padding: 20px 0px;
    background-color: #071f3a;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
    height: 910px;
}
.wapper-left-menu ul li a{
    display: block;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
}
.wapper-left-menu ul li a:hover,.wapper-left-menu ul li a.active{
    background-color: #1d8ef9;
    text-decoration: none;;
}
.wapper-left-menu ul li a span{
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin: 10px 5px;
    background-image: url(../img/icons.png);
}
.wapper-left-menu ul li a b{
    float: right;
    width: 24px;
    height: 24px;
    line-height: 22px;
    margin: 10px;
    text-align: center;
    font-size: 14px;
}
.wapper-left-menu ul li a span.icon1{
    background-position: -72px 0px;
}
.wapper-left-menu ul li a span.icon2{
    background-position: -24px 0px;
}
.wapper-left-menu ul li a span.icon3{
    background-position: 0px -24px;
}
.wapper-left-menu ul li a span.icon4{
    background-position: 0px 0px;
}
.wapper-left-menu ul li a span.icon5{
    background-position: -48px -24px;
}
.wapper-left-menu ul li a span.icon6{
    background-position: -24px -24px;
}
.wapper-left-menu ul li a span.icon7{
    background-position: -48px 0px;
}

.wapper-left-menu ul li a span.icon8{
    background-size: 18px 18px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-image: url(../img/jhpz.png);
}
.wapper-left-menu ul li a span.icon9{
    background-size: 18px 18px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-image: url(../img/xtgl.png);
}

.wapper-left-menu ul li ul.submenu{
    display: none;
}
.wapper-left-menu ul li ul.submenu li a{
    height: 36px;
    line-height: 36px;
    padding-left: 55px;
    font-size: 14px;
}
.wapper-left-menu ul li ul.submenu li a:hover,.wapper-left-menu ul li ul.submenu li a.active{
    background-color: #2f9dc6 !important;
}
.wapper-main-right{
    padding-left: 190px;
}
.wapper-main-list{
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}
.wapper-main-list2{
    background-color: #071f3a;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
}
.wapper-list-title{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f1f6;
    padding: 0px 10px;
    font-size: 16px;
    color: #585858;
}
.wapper-list-title select{
    margin-left: 20px;
}
.wapper-list-con{
    padding: 10px;
    color: #585858;
}
.wapper-list-con table tbody tr{
    background-color: #eaf7ff;
    border-bottom: 3px solid #fff;
}
.wapper-list-con table>thead>tr>th{
    border-bottom: 2px solid #ffbd1f;
}
.wapper-list-con table th,.wapper-list-con table td{ 
    text-align: center; 
}
.list-charts-left{
    float: left;
    width: 60%;
    margin-right: 1%;
}
.list-charts-right{
    float: left;
    width: 39%;
}
.list-charts-left .wapper-list-con,.list-charts-right .wapper-list-con{
    padding: 10px;
}
.wapper-list-charts{
    height: 220px;
}
.wapper-charts-title{
    height: 30px;
    font-size: 16px;
    color: #585858;
}
.wapper-charts-title2{
    height: 20px;
    font-size: 14px;
    color: #585858;
}
.wapper-charts-con{
    height: 150px;
}
.wapper-charts-con table{
    height: 150px;
}
.wapper-charts-con table tbody tr{
    background-color: #eaf7ff;
    border-bottom: 3px solid #fff;
}
.wapper-charts-con table th{
    width: 80px; 
    padding: 5px 8px !important;
    line-height: 36px !important;
    font-size: 16px;
    text-align: center; 
}
.wapper-charts-con table td{ 
    padding: 5px 8px !important;
    line-height: 18px !important;
    text-align: left; 
}
.wapper-right-state{
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 1200px;
    height: 50px;
    padding: 10px;
    background-color: #071f3a;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
}
.wapper-state-list{
    float: left;
    width: 16%;
}
.wapper-state-con{
    margin: 0px auto;
    width: 100px;
    height: 28px;
    line-height: 28px;
}
.wapper-state-con b{
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    margin: 6px;
    border-radius: 50%;
}
.state-success{
    background-color: #a7e65c;
}
.state-error{
    background-color: #f79595;
}
.wapper-state-con span{
    float: left;
    display: block;
    width: 70px;
    text-align: center;
}

/*宽度*/
@media (max-width: 1440px){
    .wapper-header-main{
        width: 1200px;
    }
    .wapper-box{
        width: 1200px;
    }
    .wapper-right-state{
        width: 1200px;
        margin-left: -600px;
    }
}
@media (min-width: 1441px) and (max-width: 1720px){
    .wapper-header-main{
        width: 1400px;
    }
    .wapper-box{
        width: 1400px;
    }
    .wapper-right-state{
        width: 1400px;
        margin-left: -700px;
    }
}
@media (min-width: 1721px){
    .wapper-header-main{
        width: 1680px;
    }
    .wapper-box{
        width: 1680px;
    }
    .wapper-right-state{
        width: 1680px;
        margin-left: -840px;
    }
}

/*login字体大小*/
@media (min-width: 1311px) and (max-width: 1360px){
    .login-main{
        font-size: 14.5px;
    }
}
@media (min-width: 1361px) and (max-width: 1400px){
    .login-main{
        font-size: 15px;
    }
}
@media (min-width: 1401px) and (max-width: 1440px){
    .login-main{
        font-size: 15.5px;
    }
}
@media (min-width: 1441px) and (max-width: 1490px){
    .login-main{
        font-size: 16px;
    }
}
@media (min-width: 1491px) and (max-width: 1530px){
    .login-main{
        font-size: 16.5px;
    }
}
@media (min-width: 1531px) and (max-width: 1575px){
    .login-main{
        font-size: 17px;
    }
}
@media (min-width: 1576px) and (max-width: 1620px){
    .login-main{
        font-size: 17.5px;
    }
}
@media (min-width: 1621px) and (max-width: 1670px){
    .login-main{
        font-size: 18px;
    }
}
@media (min-width: 1671px) and (max-width: 1710px){
    .login-main{
        font-size: 18.5px;
    }
}
@media (min-width: 1711px) and (max-width: 1755px){
    .login-main{
        font-size: 19px;
    }
}
@media (min-width: 1756px) and (max-width: 1800px){
    .login-main{
        font-size: 19.5px;
    }
}
@media (min-width: 1801px) and (max-width: 1850px){
    .login-main{
        font-size: 20px;
    }
}
@media (min-width: 1851px) and (max-width: 1890px){
    .login-main{
        font-size: 20.5px;
    }
}
@media (min-width: 1891px) and (max-width: 1920px){
    .login-main{
        font-size: 21px;
    }
}
@media (min-width: 1920px){
    .login-main{
        font-size: 21px;
    }
}

